<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <title>前后端交互</title>
</head>

<body>

    <!-- 
        https://developer.mozilla.org/zh-CN/docs/Web/API/Fetch_API
        fetch(url).then(fn2)
            .then(fn3)
     -->

    <script>
        // console.dir(Promise)
        
        fetch('http://localhost:3000/fdata').then(function(data){
            // 这里的 text() 属于fetch api 的一部分, 它返回一个Promise实例对象, 用于获取后台返回的数据
            return data.text()
        }).then(function(data){
            // 注意这里得到的才是最终的数据
            console.log(data)
        })

    </script>

</body>

</html>